<template>
	<div id="invation">
		<div class="bg" style=""></div>
		<van-nav-bar 
	      title="邀请好友"
	    >
			<van-icon name="arrow-left" slot="left" color="black"/>
		</van-nav-bar>
	    <div id="container">
	    	<div id="top">
	    		<img src="/static/img/code1.png" alt="">
	    	</div>
	    	<div id="bottom">
	    		<img src="/static/img/invation1.png" alt="">
	    	</div>
	    </div>
	</div>
</template>

<script>
    export default {
        name: "invation",
    }
</script>

<style scoped>
	#container{
		width: 100%;
		height: 100%;
	}
	#top>img{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;
	}

	#bottom>img{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 0;
	}
</style>